<template>
	<div>
		<div class="g_flower" v-for="val,index in flower">
			<div class="nav_tit clearfix">
				<div class="f_line fl"></div>
				<div class="f_tit fl">{{val.tit}}</div>
				<div class="f_line fl"></div>
			</div>
			<div class="nav_son clearfix">
				<a href="" class="fl" v-for="value,index in val.content">{{value}}</a>
			</div>
			<div class="flower_goods clearfix">
				<a href="#" class="fl" v-for="values,index in val.imgbox">
					<div class="img_square">
						<img v-lazy="values.src">
						<!-- <img src="" alt="" class="imghotsb"> -->
					</div>
					<div class="g_info">
						<div class="g_name">{{values.title}}</div>
						<div class="g_price">
							<span class="price">￥{{values.pic}}</span>
							<span class="m_price">￥{{values.spic}}</span>
						</div>
						<div class="sales">123</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				flower:[
					{'tit':'爱情鲜花','content':['白','黑'],'imgbox':[
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'}
					]},
					{'tit':'生日鲜花','content':['白','黑'],'imgbox':[
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'}
						]},
					{'tit':'亲情鲜花','content':['白','黑'],'imgbox':[
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'123','spic':'321','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'}
						]},
					{'tit':'开业鲜花','content':['白','黑'],'imgbox':[
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'123','spic':'321','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'},
						{'src':require('../../../assets/imgs/love1.jpg'),'pic':'209','spic':'299','title':'深沉的爱恋'}
						]},
					]
			}
		}
	}
</script>

<style>
	.nav_tit {
		margin: 0 auto;
		width: 90%;
		line-height: 1.5625rem;
		height: 1.5625rem;
		padding: 1.5625rem 0 1.5625rem 0;
	}

	.f_line {
		width: 20%;
		border-bottom: 0.15625rem solid #000;
		color: #000;
		margin-top: 0.75rem;
	}

	.nav_tit .f_tit {
		width: 60%;
		font-size: 20px;
		color: #000;
		text-align: center;
	}

	.g_flower .nav_son a{
		margin-left: 1.5%;
		width: 31.333%;
		text-align: center;
		background-color: #fff;
		color: #6E6E6E;
		font-size: 0.6rem;
		margin-bottom: 10px;
		padding: 0.375rem 0;
		border-radius: 1.5625rem;
	}

	.flower_goods a{
		position: relative;
		margin-left: 2%;
		width: 47%;
		padding-bottom: 0.625rem;
		background-color: #fff;
		margin-top: 16px;
		border-radius: 8px 8px;
	}
</style>
